//axios基础的封装
import axios from "axios";
import { ElMessage } from 'element-plus'
import { useUserStore } from '@/stores/userStore'
//.js里是这样引入的
import router from "@/router";

//axios.create()方法可以执行多次，每次执行就会生成一个新的实例
//若项目里面需要不同的业务模块需要的接口基地址不同，可以执行多次axios.create()方法

const httpInstance = axios.create({
  //接口基地址
  baseURL: 'http://pcapi-xiaotuxian-front-devtest.itheima.net',
  //接口超时时间
  //timeout: 5000 //原来的响应时间
  timeout: 50000//order的响应时间太长
})

//拦截器

// axios请求拦截器
httpInstance.interceptors.request.use(config => {
  //1,从pinia获取token数据
  const useStore = useUserStore()
  const token = useStore.userInfo.token
  //2,按照后端要求拼接token数据
  if (token) {
    config.headers.Authorization = `Bearer ${token}`
  }
  return config
}, e => Promise.reject(e))

// axios响应式拦截器
//写res => res.data，则返回的数据不要.data
httpInstance.interceptors.response.use(res => res.data, e => {
  const userStore = useUserStore()
  //统一错误提示
  ElMessage({
    type: 'warning',
    message: e.response.data.message
  })
  //401token失效处理
  //1，清除本地用户数据
  if (e.response.status === 401) {
    userStore.clearUserInfo()
  }
  //2，跳转到登录页
  router.push('/login')

  return Promise.reject(e)
})

export default httpInstance